<template>
	<view class="brand">
		<view class="header">
			<span class="title">甄选热门品牌</span>
			<span class="text">优质品牌集合地</span>
		</view>
		<view class="li">
			<zero-lazy-load v-for="item in 6" :key="item" :height="352" imgMode='aspectFill'
				image="https://qn.mtj.cdydsy.com/uploads/spread/20250319/image/150c5db09fe7255ab15c4ecbfc1a2d22.png"></zero-lazy-load>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	.brand {
		padding: 40rpx 28rpx 0;

		.header {
			.title {
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 600;
				font-size: $font-size-36;
				color: $base-color;
			}

			.text {
				padding-left: 16rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: $font-size-28;
				color: #646464;
			}
		}

		.li {
			padding-top: 40rpx;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 12rpx;
		}
	}
</style>